<%--
  Created by IntelliJ IDEA.
  User: 86156
  Date: 2020/9/29
  Time: 9:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page import="org.apache.shiro.SecurityUtils" %>
<%@page import="org.apache.shiro.subject.Subject" %>
<%@ page import="com.fs.cv.pojo.pojodao.User" %>
<!DOCTYPE html>
<html lang="en">
<%
    //如果登录认证或记住我，则直接跳转到主页
    Subject subject = SecurityUtils.getSubject();
    if (subject.isAuthenticated() || subject.isRemembered()) {
        User user = (User) subject.getSession().getAttribute("user");
        request.setAttribute("user", user);
        response.sendRedirect(request.getContextPath() + "/page/index");
    }

%>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>登录界面</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link href="${pageContext.request.contextPath}/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/css/style.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/css/login.css" rel="stylesheet">
    <script src="${pageContext.request.contextPath}/static/js/jquery.min.js?v=2.1.4"></script>
    <link href="${pageContext.request.contextPath}/static/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">

    <script src="${pageContext.request.contextPath}/static/js/plugins/sweetalert/sweetalert.min.js"></script>

    <script>
        if (window.top !== window.self) {
            window.top.location = window.location;
        }
    </script>

</head>

<body class="signin">
<div class="signinpanel">
    <div class="row">
        <div class="col-sm-7">
            <div class="signin-info" style="margin:auto">
                <div class="logopanel m-b">
                    <p style="font-size: 70px">教务管理系统</p>
                    <p style="font-size: 15px">少说话，多做事，常常学习少生气</p>
                    <p style="font-size: 15px">路难行，行路难，一身汗水，满心长</p>
                    <p style="font-size: 15px">得知坦然，失之淡然，争之必然，顺其自然</p>
                    <p style="font-size: 15px">失败是什么？没有什么，只是更走近成功一步；成功是什么？就是走过了所有通向失败的路，只剩下一条路，那就是成功的路</p>
                    <p style="font-size: 15px">没有最好，只有更好</p>
                    <p style="font-size: 15px">教养不是道德规范，也不是小学生行为准则，其实也并不跟文化程度，社会发展，经济水平挂钩，它更是一种体谅，体谅别人的不容易，体谅别人的处境和习惯</p>
                </div>
                <div class="m-b"></div>
            </div>
        </div>
        <div class="col-sm-5" style="margin-top: 50px">
            <form>
                <h2 class="m-t-md">Hi!在这里登录</h2>
                <input type="text" id="username" class="form-control uname" placeholder="用户名"/>
                <input type="password" id="password" class="form-control pword m-b" placeholder="密码"/>

                <img id="im" src="${pageContext.request.contextPath}/code"> <a id="changeImg"
                                                                               href="javascript:changeImg();">看不清楚，换一张</a>
                <input type="text" style="color:#000000" id="logincode" placeholder="请输入验证码" class="form-control">
                <div>
                    <span style="padding-top: 10px;margin-top: 10px">记住我:&nbsp;<input style="vertical-align:text-bottom; margin-bottom:2px; margin-bottom:-2px\9"
                                                                                                        id="checkbox" type="checkbox"></span>
                    <button type="button" class="btn btn-primary btn-sm demo1" onclick="userLogin()" style="margin-left: 120px">登录</button>


                </div>

            </form>
        </div>
    </div>
    <div class="signup-footer">
        <div class="pull-left">
            &copy; 专业20年de 老CV工程师
        </div>
    </div>
</div>
</body>
<script>
    // 验证码更换
    function changeImg() {
        $("#im").attr("src", "${pageContext.request.contextPath}/code?time=" + (new Date()).toString());
    }

    //登录验证
    function userLogin() {
        var logincode = $("#logincode").val();//用户输入的验证码
        var username = $("#username").val();//用户输入的用户名
        var password = $("#password").val();//用户输入的密码
        var checkbox = $("#checkbox").prop("checked");//单选框的状态
        var check = "no";
        if (checkbox) {
            check = "yes";
        }
        //判断输入内容合法性
        if (username.length == 0) {
            swal({
                title: "请输入用户名！",
                text: "来自专业20年CV攻城狮的温馨提醒"
            });
            $("#username").focus();
            return;
        }
        if (password.length == 0) {
            swal({
                title: "请输入密码！",
                text: "来自专业20年CV攻城狮的温馨提醒"
            });
            $("#password").focus();
            return;
        }
        if (logincode.length == 0) {
            swal({
                title: "请输入验证码！",
                text: "来自专业20年CV攻城狮的温馨提醒"
            });
            $("#logincode").focus();
            return;
        }
        dataValue = {
            userUserName: username,
            userPassword: password,
            loginCode: logincode,
            remember: check
        }

        $.ajax({
            url: "${pageContext.request.contextPath}/page/login",
            typr: "post",
            contentType: 'application/x-www-form-urlencoded',
            data: dataValue,
            dataType: 'json',
            success: function (result) {
                if (result.code == '0') {
                    swal({
                        title: "验证码错误请重试！",
                        text: "来自专业20年CV攻城狮的温馨提醒"
                    });
                    $("#logincode").focus();
                    $("#logincode").val('');
                    $("#im").attr("src", "${pageContext.request.contextPath}/code?time=" + (new Date()).toString());
                } else if (result.code == '1') {
                    window.location.href = "${pageContext.request.contextPath}/page/index"
                    //相关跳转页面
                } else if (result.code == '-1') {
                    //用户不存在
                    swal({
                        title: result.message,
                        text: "来自专业20年CV攻城狮的温馨提醒"
                    });
                    $("#username").focus();//聚焦到用户输入框
                    $("#logincode").val('');//重置输入框内容
                    $("#username").val('');
                    $("#password").val('');
                } else if (result.code == '-2') {
                    swal({
                        title: result.message,
                        text: "来自专业20年CV攻城狮的温馨提醒"
                    });//密码错误
                    $("#username").focus();//聚焦到用户输入框
                    $("#logincode").val('');//重置输入框内容
                    $("#username").val('');
                    $("#password").val('');
                    $("#im").attr("src", "${pageContext.request.contextPath}/code?time=" + (new Date()).toString());
                } else if (result.code == '-3') {
                    swal({
                        title: result.message,
                        text: "来自专业20年CV攻城狮的温馨提醒"
                    });//出现不可预知的错误
                    $("#username").focus();//聚焦到用户输入框
                    $("#logincode").val('');//重置输入框内容
                    $("#username").val('');
                    $("#password").val('');
                    $("#im").attr("src", "${pageContext.request.contextPath}/code?time=" + (new Date()).toString());
                }
            },
            error: function (err) {
                console.log(err);
            }
        })

    }

    <%--$(function () {--文档加载事件%>
    <%--    window.location.href="${pageContext.request.contextPath}/page/log"--%>
    <%--});--%>
</script>
</html>
